{% extends "pageSkeleton.html" %}

{% block metaTags %}
	<meta name="description" content="Create your own custom countdown page. It's very simple to use and fun to share with others. Just choose a date and time, a few options, and we create a unique URL for you to share with your friends. Access the URL to see the countdown in real time.">
	<meta name="keywords" content="countdown, count down, time, date, share, fun, wait for it, count up">
	<meta property="og:title" content="{{ title|default:"wait for it" }}"/>
	<meta property="og:type" content="website"/>
	<meta property="og:url" content="{{ shortUrl|default:"http://w.aitfor.it" }}"/>
	<!-- meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/ -->
	<meta property="og:site_name" content="wait for it"/>
	<meta property="og:description" content="{{ title|default:"Create your own custom countdown page, for fun, for real, for work." }}"/>
{% endblock %}

{% block title %}
	{{ title|default:"wait for it" }}
{% endblock %}
	
{% block body %}
		{% include "tools.html" %}
		<div id="wfi-container">
			{% if customTheme %}
				{{ customTheme }}
			{% else %}
				{% include options.theme %}
				{% if options.music %}
					<audio src="http://upload.wikimedia.org/wikipedia/en/2/26/Europe_-_The_Final_Countdown.ogg" autoplay="autoplay"></audio>
				{% endif %}
			{% endif %}
		</div>
		<script>
			// When the page is ready, create a countengine and add the normal H1H2 appender
			$(document).ready(function() {
				var jsdate = $("body").attr("_jsdate");
				var up = !!$("body").attr("_up");
				var title = $("head title").html();
				if(jsdate) {
					var engine = new wfi.CountEngine(jsdate, title, up);
					engine.addAppender("h1h2", new wfi.GlobalH1H2Appender());
					engine.start();
				}
			});
		</script>
{% endblock %}